<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <base th:href="${#request.getContextPath() + '/'}"/>
    <meta charset="UTF-8">
    <title>优惠券发布页面</title>
    <script src="resources/scripts/jquery-1.8.3.min.js"></script>

    <!-- 时间控件 -->
    <script src="/resources/widget/My97DatePicker/WdatePicker.js"></script>

    <script>

        //发布类型的选择触发
        function updateMehod(type) {
            if (type == 0) {
                $("#timeDiv").hide();
            } else {
                $("#timeDiv").show();
            }
        }

        //有效类型的选择触发
        function updateType(type) {
            if (type == 0) {
                $("#scopDiv1").show();
                $("#scopDiv2").hide();
            } else {
                $("#scopDiv2").show();
                $("#scopDiv1").hide();
            }
        }
    </script>
</head>
<body>
<h1>发布优惠券</h1>
<form action="/system/couponissue" method="post">
    <!-- 隐藏域保存需要发布的优惠券id -->
    <input name="cid" th:value="${#request.getParameter('cid')}" type="hidden"/>

    发布类型：<select name="method" onchange="updateMehod(this.value);">
    <option>--请选择--</option>
    <option value="0">领劵中心</option>
    <option value="1">定时抢购</option>
</select><br/>

    <div id="timeDiv" style="display: none; margin-top: 5px;">
        定时抢购的开始时间：<input class="Wdate" name="goStartTime"
                                  onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"
                                  onautocomplete="off" type="text"/><br/>
        定时抢购的结束时间：<input class="Wdate" name="goStopTime" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"
                                  onautocomplete="off" type="text"/><br/>
    </div>

    有效类型：<select name="type" onchange="updateType(this.value);">
    <option>--请选择--</option>
    <option value="0">时间范围时效</option>
    <option value="1">领取时效</option>
</select><br/>

    <div id="scopDiv1" style="display: none; margin-top: 5px">
        有效开始时间：<input class="Wdate" name="beginTime" onClick="WdatePicker()" type="text"/><br/>
        有效结束时间：<input class="Wdate" name="endTime" onClick="WdatePicker()" type="text"/><br/>
    </div>
    <div id="scopDiv2" style="display: none; margin-top: 5px">
        有效天数：<input name="days" type="text"/><br/>
    </div>

    发行数量：<input name="number" type="text"/> <span style="font-weight: 900; color: red;">* -1代表无上限</span> <br/>

    <button type="submit">发布</button>

</form>
</body>
</html>